.page {
  padding: 22px 15px;
}

.page-content {
  background-color: #fff;
}

.page-content-top {
  box-sizing: border-box;
  padding: 0 20px;
  border-bottom: 1px solid #ddd;
}

.page-content-title::before {
  content: "";
  border-left: 10px solid #0064e4;
  margin-right: 10px;
  line-height: 60px;
}


.invoice-detail .title .left {
  float: left;
}

.invoice-detail .title .left span {
  display: inline-block;
  width: 5px;
  height: 10px;
  background: #333;
}

.invoice-detail .title .right {
  float: right;
}

.invoice-detail .info {
  box-sizing: border-box;
  padding-left: 30px;
  padding-bottom: 30px;
}

.invoice-detail .info .el-row {
  border-bottom: none;
}

.invoice-detail .info .el-col {
  box-sizing: border-box;
  padding: 10px;
}


.invoice-detail-footer {
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}

.invoice-detail-btn-box {
  width: 40%;
  display: flex;
  justify-content: space-between;
}

.invoice-detail-btn-box button {
  width: 120px;
}